<include file="public@header" />

<div class="inner-content">
    <div class="container">
        <include file="public@left" />
        <div class="content">
            <h2>{$article.post_title}</h2>
            <php>
                $before_content_hook_param=[ 'object_id'=>$article['id'], 'table_name'=>'portal_post', 'object_title'=>$article['post_title'],
                'user_id'=>$article['user_id'], 'url'=>cmf_url_encode('portal/Article/index',array('id'=>$article['id'],'cid'=>$category['id'])),
                'object'=>$article ];
            </php>
           
           
              <div class="predictor">
                    <p>欢迎使用易安达国际搬家提供的体积预估工具，您可以根据物品名称下方显示的单个预估体积进行快速查询，您也可以添加多个物品以查看您需要搬运的物品总体积。</p>
                    <h5>使用说明：</h5>
                    <div class="clearfix">
                        <p>1.鼠标移动到相关物品上方会出现添加/删除该物品的按钮，每次点击添加/删除一个该物品。
                            <br> 2.鼠标移动到相关物品左上方的处可查看该物品的特别说明。
                            <br> 3.以下数据是根据常见家具的规格整理，仅供参考，一切以实际包装后的体积为准。
                            <br> 4.刷新或关闭本页面将导致已添加的物品数据丢失。
                        </p>
                        <div class="summary">
                            <div>当前添加的物品总数：
                                <span class="total_qty">0</span> 件</div>
                            <div>当前添加的物品总体积：
                                <span class="total_vol">0</span> 立方米</div>
                            <div>
                                <a target="_blank" class="btn orange" href="http://www.eanta365.com/portal/article/index.html?id=21">体积预估完成，去询价&gt;&gt;</a>
                            </div>
                        </div>
                    </div>
                    <div class="estimate">
                    <volist name="list" id="vo">
                        <h6>{$vo['name']}</h6>
                        <ul class="clearfix">
                         <volist name="$vo.info" id="info_vo">
                            <li tid="{$info_vo['id']}"  tname="{$info_vo['name']}"   tvolume="{$info_vo['volume']}" class="tv {$info_vo['id']}">
                                <a class="info" style="display:none;">0</a>
                                <a class="plus" style="display:none;">+</a>
                                <a class="minus" style="display:none;">-</a>
                                <img src="{:cmf_get_image_preview_url($info_vo['photo_urls'])}""><div>{$info_vo['name']}
                                    <i>≈{$info_vo['volume']}m³</i>
                                </div>
                            </li>
                         </volist>
                      </ul>
                    </volist>
                   </div>
                </div>


        </div>
    </div>
</div>
<script>
$(function(){
	
	/*
	var tv_count=[];
	var tv_sum=0;
	$(".tv").bind('click',function(){
		var index=tv_count.indexOf($(this).attr("tid"));
		if(index>-1){
			tv_count.splice(index,1)
		}else{
			tv_count.push($(this).attr("tid"));
		}
		//alert(tv_count);
		$(".total_qty").html(tv_count.length);
		for(j = 0; j < tv_count.length; j++) {
			 //alert(tv_count[j])  
			tv_sum+=parseFloat($("."+tv_count[j]+"").attr("tvolume"));
		} 
		$(".total_vol").html(parseFloat(tv_sum).toFixed(2));
		//alert(tv_sum);
		tv_sum=0;
		
	})
	*/
	
	$(".tv").hover(function(){
		$(this).find(".info,.plus,.minus").show();
	},function(){
		if($(this).find(".info").html()=='0'){
			$(this).find(".info").hide();
		}
		$(this).find(".plus,.minus").hide();
	})
	
	$(".plus").bind('click',function(){
		var infonum=parseInt($(this).parent("li").find(".info").html());
		$(this).parent("li").find(".info").html(infonum+1);
		var tvolume=parseFloat($(this).parent("li").attr("tvolume"));
		var tv_count=parseFloat((infonum+1)*tvolume).toFixed(2);
		
		var total_vol=parseFloat($(".total_vol").html() )+tvolume;
		$(".total_vol").html(parseFloat(total_vol).toFixed(2));
		
		var total_qty=parseInt( $(".total_qty").html() )+1;
		$(".total_qty").html(total_qty);
		
	})
	
	$(".minus").bind('click',function(){
		var infonum=parseInt($(this).parent("li").find(".info").html());
		var tvolume=parseFloat($(this).parent("li").attr("tvolume"));
		if(infonum<1){
			$(this).parent("li").find(".info").html(0);
		}else{
			$(this).parent("li").find(".info").html(infonum-1);
			var tv_count=parseFloat((infonum-1)*tvolume).toFixed(2);
			var total_qty=parseInt( $(".total_qty").html() )-1;
			$(".total_qty").html(total_qty);
			
			var total_vol=parseFloat($(".total_vol").html() )-tvolume;
			$(".total_vol").html(parseFloat(total_vol).toFixed(2));
		}
		
		
	})
})
</script>
<include file="public@foot" />